<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  
</body>
<script>

  // 同步的程序
  // let a = 1;
  // a = a + 1;
  // console.log(a);
  // alert(1)
  // alert(2)
  // console.log(3)

  // 异步的程序
  // let a = 1;
  // setTimeout(()=>{
  //   a = a + 1;
  // }, 0);
  // console.log(a);
  
  // 无法立即获取异步的执行结果
  // 只能在异步执行结束后（将来时）才能拿到异步的执行结果
  // let a = 1;
  // setTimeout(()=>{
  //   a = a + 1;
  // }, 1);
  // console.log(a);

  // =============

  let a = 1;
  setTimeout(()=>{
    a += 1;
    console.log(a);
    setTimeout();
  }, 0);
  const arr = [];
  console.log(a);
  for(let i=0;i<30000000;i++) {arr.push(Math.random())}

  // 宏任务↓                                微任务↓
  // let a = 1;                            计时：0毫秒，()=>{ a += 1; console.log(a); setTimeout(); }
  // setTimeout：开启计时执行功能
  // const arr = [];
  // console.log(a);
  // for(let i=0;i<30000000;i++) {arr.push(Math.random())}
  // 同级情况下宏任务执行结束，才会开启微任务→↑


  

  
</script>
</html>